<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css</title>
</head>

<link rel="stylesheet" href="css/test.css">
<style>
td{width:100px;
height:50px;
background-color:#fff;}
table{
    background-color:pink;
    border-spacing:1px;
}

.c{width:150px;
    height:100px;
    background-color:yellow;
    display:table;
}
.d{
    display:table-cell;
    vertical-align:middle;

}
/*     .a{background-color:green;
    text-align:center;
    width:200px;
height:100px;
display:table;
  display:table-cell;
    vertical-align:middle;
}
table{background-color:pink;
 border-spacing:1px;} */
··
/* table,tr,td{border:1px solid green;
border-collapse:collapse; */
</style>
<body>
   <!--  <div class="a">我是一个div</div> -->
<!--     <table>
<tr>
    <td>我是表格</td>
    <td>我是表格</td>
    <td>我是表格</td>
    <td>我是表格</td>
    <td>我是表格</td>
    <td>我是表格</td>
    <td>我是表格</td>
    <td>我是表格</td>
    <td>我是表格</td>
    <td>我是表格</td>
</tr>
<tr>
    <td>我是表格</td>
    <td>我是表格</td>
    <td>我是表格</td>
    <td>我是表格</td>
    <td>我是表格</td>
    <td>我是表格</td>
    <td>我是表格</td>
    <td>我是表格</td>
    <td>我是表格</td>
    <td>我是表格</td>
</tr>
<tr>
    <td>我是表格</td>
    <td>我是表格</td>
    <td>我是表格</td>
    <td>我是表格</td>
    <td>我是表格</td>
    <td>我是表格</td>
    <td>我是表格</td>
    <td>我是表格</td>
    <td>我是表格</td>
    <td>我是表格</td>
</tr>
<tr>
    <td>我是表格</td>
    <td>我是表格</td>
    <td>我是表格</td>
    <td>我是表格</td>
    <td>我是表格</td>
    <td>我是表格</td>
    <td>我是表格</td>
    <td>我是表格</td>
    <td>我是表格</td>
    <td>我是表格</td>
</tr>
<tr>
    <td>我是表格</td>
    <td>我是表格</td>
    <td>我是表格</td>
    <td>我是表格</td>
    <td>我是表格</td>
    <td>我是表格</td>
    <td>我是表格</td>
    <td>我是表格</td>
    <td>我是表格</td>
    <td>我是表格</td>
</tr> -->
   <!--  <div class="c">
   <div class="d">
       我是一个div
   </div>
       
   </div> -->
    <div class="f">
    <div class="e"></div>
    </div>
</body>
</html>